@extends('layout.front_master')
@section('title', '微信商城首页')
@section('content')
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
<meta content="telephone=no" name="format-detection"/>
<meta content="yes" name="apple-mobile-web-app-capable"/>
<meta content="black" name="apple-mobile-web-app-status-bar-style"/>
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate"/>
<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
<link rel="stylesheet" href="{{URL::asset('css/mui.css')}}">
<body>
<header class="aui-bar aui-bar-nav" style="position:fixed;">
<div class="aui-title">市民卡绑定</div>
</header>
<div style="margin-top: 50px;">
    <form class="mui-input-group">
        <div class="mui-input-row">
            <label>手机号:</label>
            <input type="text" class="mui-input-clear" placeholder="请输入手机号" data-input-clear="5"><span class="mui-icon mui-icon-clear mui-hidden"></span>
        </div>
        <div class="mui-input-row">
            <label>验证码:</label>
            <input type="text" class="mui-input-clear" style="width: 40%;float: left" placeholder="请输入验证码" data-input-clear="5"><span class="mui-icon mui-icon-clear mui-hidden"></span>
{{--            <button type="button" class="mui-btn mui-btn-primary" onclick="return false;">发送验证码</button>--}}
            <span class="mui-btn mui-btn-primary" style="float:left;width: 25%">发送验证码</span>
        </div>
        <div class="mui-button-row">
            <button type="button" class="mui-btn mui-btn-primary" onclick="return false;">确认</button>
            <button type="button" class="mui-btn mui-btn-danger" onclick="return false;">取消</button>
        </div>
    </form>
</div>
<div style="position: absolute;bottom: 0;width: 100%">
    <p style="text-align: center">市民卡积分兑换</p>
    <p style="text-align: center">©恒创软件提供技术支持</p>
</div>
</body>
@endsection
